@extends('home.inc.common')
@section('title')
	<title>奇异果黑科技</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link href="{{asset('home_new/css/libs.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/global.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/page2.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/page.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{asset('home_new/css/qyg2016.css')}}" rel="stylesheet" type="text/css" />
	<style>
		img,.img-table,td{
			width: 100% !important;
		}
		img{
			display: block;
		}

		td{
			display: block;
			float: left;
		}
		tr{
			display: block;
		}
		body{
			background-color:#FFFFFF;
			margin:0 ;
		}
		img,a{
			display: block;
		}
		table{
			width:100%;
		}
	</style>

	<script type="text/javascript" src="{{asset('home/js/jquery-3.1.0.min.js')}}"></script>
@endsection

@section('content')
<!-- Save for Web Slices (3.psd) -->
<table id="__01"   border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_01.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_02.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_03.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td style="width: 26.7% !important">
			<img class="fiex-img" src="{{asset('home_new/images/special/3_04.gif')}}" width="519"  alt=""></td>
		<td style="width: 8.6% !important">
			<a href="{{url('auth')}}"><img class="fiex-img" src="{{asset('home_new/images/special/3_05.jpg')}}" width="165"  alt=""></a></td>
		<td style="width: 1.6% !important">
			<img class="fiex-img" src="{{asset('home_new/images/special/3_06.jpg')}}" width="31"  alt=""></td>
		<td style="width: 8.4% !important">
			<a href="{{url('register')}}"><img class="fiex-img" src="{{asset('home_new/images/special/3_07.jpg')}}" width="162"  alt=""></a></td>
		<td style="width: 54.7% !important">
			<img class="fiex-img" src="{{asset('home_new/images/special/3_08.jpg')}}" width="1043"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_09.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_10.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_11.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_12.jpg')}}" width="1920"  alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="{{asset('home_new/images/special/3_13.jpg')}}" width="1920"  alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
<script>
    var _w=$(window).width();
    var imgH;
    imgH=_w*62/1920;
    $(".fiex-img").height(imgH);
    $("img").each(function(){
        $(this).load(function () {
            var _h=Math.floor($(this).height());
            $(this).closest("tr").height(_h);
            $(this).height(_h);
		})
    })


    $(window).resize(function(){
        var _w=$(window).width();
        var imgH;
        imgH=_w*62/1920;
        $(".fiex-img").height(imgH);
        $("img").each(function(){
            var _h=Math.floor($(this).height());
            $(this).closest("tr").height(_h);
            $(this).height(_h);
        })

    })
</script>
@endsection